<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/app.min.css"/>
</head>
<body>
<header>
    <div class="container">
        <div class="navbar-header pull-left"><a href="/" class="navbar-brand">
            <img src="images/logo.png" alt="Logo" class="img-responsive" width="90"></a>
        </div>
        <nav class="collapse navbar-collapse pull-left">
            <ul class="navbar-nav nav topmenu">
                <li><a href="courses.html">课程</a></li>
                <li><a href="groups.html">小组</a></li>
                <li><a href="activities.html">活动</a></li>
                <li><a href="news.html">资讯</a></li>
                <li><a href="resources.html">文库</a></li>
            </ul>
        </nav>
        <div class="pull-right user-nav clearfix">
            <ul class="nav nav-login">
                <li><a href="">登录</a></li>
                <li><a href="">注册</a></li>
            </ul>
        </div>
    </div>
</header>
<div class="main">
    <div class="container">
        <div class="breadcrumb-wrapper">
            <ol class="breadcrumb">
                <li><a href="/">首页</a></li>
                <li><a href="">课程</a></li>
                <li class="active"><a href="">所有课程</a></li>
            </ol>
        </div>



        <div id="adv-img" class="container-fluid">
            <div class="row">
                <div class="col-md-6 no-gap">
                    <div class="img-left">
                        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

                            <ul class="img-listButton list-inline carousel-indicators">        <!--赋予了图形-->
                                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>     <!--改写active?-->
                                <li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
                                <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
                            </ul>

                            <!-- Wrapper for slides -->
                            <div class="carousel-inner" role="listbox">
                                <div class="item active">
                                    <div class="img-block">
                                        <img src="./images/02.jpg " alt=""/>
                                        <p>这是一个标题这是一个标题</p>                        <!--与carousel-caption无法共存-->
                                    </div>
                                </div>

                                <div class="item">
                                    <div class="img-block">
                                        <img src="./images/01.jpg " alt=""/>
                                        <p>这是一个标题这是一个标题</p>                        <!--与carousel-caption无法共存-->
                                    </div>
                                </div>

                                <div class="item">
                                    <div class="img-block">
                                        <img src="./images/03.jpg " alt=""/>
                                        <p>这是一个标题这是一个标题</p>                        <!--与carousel-caption无法共存-->
                                    </div>
                                </div>
                            </div>


                        </div>
                    </div>
                </div>

                <div class="col-md-6 no-gap">
                    <div class="img-right">
                        <ul>
                            <div class="title">主标题</div>
                            <li>小标题内容小标题内容小标题内容小标题内容小标题内容</li>
                            <li>小标题内容小标题内容小标题内容小标题内容小标题内容</li>
                            <li>小标题内容小标题内容小标题内容小标题内容小标题内容</li>
                            <li>小标题内容小标题内容小标题内容小标题内容小标题内容</li>
                            <li>小标题内容小标题内容小标题内容小标题内容小标题内容</li>
                            <li>小标题内容小标题内容小标题内容小标题内容小标题内容</li>
                        </ul>
                    </div>

                </div>
            </div>

            <div id="adv-article">

                <div class="nav">
                    <ul>
                        <span>分类:</span>
                        <li><a href="" class="active">全部</a></li>
                        <li><a href="">分类1</a></li>
                        <li><a href="">分类2</a></li>
                        <li><a href="">分类3</a></li>
                    </ul>
                </div>

                <div class="row">
                    <div class="col-md-12 floor">
                        <div class="row adv-article">
                            <div class="col-md-3">
                                    <a href="" class="transition">
                                        <span class="image-wrapper">
                                            <img src="images/course.jpg" alt=""/>
                                        </span>
                                    </a>
                            </div>
                            <div class="col-md-9">
                                <div class="title"><a href="">这是一个标题</a></div>
                                <div class="decs">描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</div>
                                <div class="time"><i class="fa fa-clock-o"></i>上传时间2016-2-27</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="line"></div>

                <div class="row">
                    <div class="col-md-12 floor">
                        <div class="row adv-article">
                            <div class="col-md-3">
                                <a href="" class="transition">
                                        <span class="image-wrapper">
                                            <img src="images/course.jpg" alt=""/>
                                        </span>
                                </a>
                            </div>
                            <div class="col-md-9">
                                <div class="title"><a href="">这是一个标题</a></div>
                                <div class="decs">描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</div>
                                <div class="time"><i class="fa fa-clock-o"></i>上传时间2016-2-27</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="line"></div>

                <div class="row">
                    <div class="col-md-12 floor">
                        <div class="row adv-article">
                            <div class="col-md-3">
                                <a href="" class="transition">
                                        <span class="image-wrapper">
                                            <img src="images/course.jpg" alt=""/>
                                        </span>
                                </a>
                            </div>
                            <div class="col-md-9">
                                <div class="title"><a href="">这是一个标题</a></div>
                                <div class="decs">描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</div>
                                <div class="time"><i class="fa fa-clock-o"></i>上传时间2016-2-27</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="line"></div>

                <div class="row">
                    <div class="col-md-12 floor">
                        <div class="row adv-article">
                            <div class="col-md-3">
                                <a href="" class="transition">
                                        <span class="image-wrapper">
                                            <img src="images/course.jpg" alt=""/>
                                        </span>
                                </a>
                            </div>
                            <div class="col-md-9">
                                <div class="title"><a href="">这是一个标题</a></div>
                                <div class="decs">描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</div>
                                <div class="time"><i class="fa fa-clock-o"></i>上传时间2016-2-27</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="line"></div>
        </div>

        <nav>
            <ul class="pagination">
                <li><a href="#">上一页</a></li>
                <li class="active"><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li>
                    <a href="#">下一页</a>
                </li>
            </ul>
        </nav>
    </div>
</div>


<footer>
    <div class="container site-info">
        <div class="row">
            <div class="col-xs-2"><a href="/"><img src="images/logo.png" alt="" width="120"></a></div>
            <div class="col-xs-6">
                <div class="row">
                    <div class="col-xs-6">
                        <h3>统计信息</h3>

                        <p>网站总访问量 : 1365544</p>

                        <p>当前在线人数 : 42554</p>

                        <p>页面加载时间 : 0.000234</p>
                    </div>
                    <div class="col-xs-6">
                        <h3>主办单位</h3>

                        <p>南京市XXX教育学院</p>

                        <p>南京市XXX教育研究委员会</p>

                        <p>南京市XXX教育学会</p>
                    </div>
                </div>
            </div>
            <div class="col-xs-4 contacts">
                <span>关注我们:</span>
                <a href=""><i class="contact-icon fa fa-weibo"></i></a>
                <a href=""><i class="contact-icon fa fa-weixin"></i></a>
                <a href=""><i class="contact-icon fa fa-qq"></i></a>
                <a href=""><i class="contact-icon fa fa-renren"></i></a>

                <div class="contact-detail">
                    <p><i class="fa fa-map-marker"></i>江苏省南京市</p>

                    <p><i class="fa fa-phone"></i>123-456-789</p>

                    <p><i class="fa fa-envelope"></i>1234567@qq.com</p>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright">
        <p>江苏省南京市 123-456-789 1234567@qq.com</p>

        <p>备案号 © Copyright 2016</p>
    </div>
</footer>

    </div>


<script type="text/javascript" src="//cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script>
<script type="text/javascript" src="js/main.min.js"></script>
<script type="text/javascript" src="//cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script>
    $(function () {
        $(".navmenu").mouseover(function () {
            $(this).children("ul").show();
        })
        $(".navmenu").mouseout(function () {
            $(this).children("ul").hide();
        })
    })
</script>
</body>
</html>